<!-- InstanceEndEditable -->

	<div id="main_layout04">


		<!-- InstanceBeginEditable name="main" -->
<link rel="stylesheet" href="/css/search/search.css" type="text/css" media="all" />
<link rel="stylesheet" href="/css/mypage/mypage.css" type="text/css" media="all" />
		<!-- mypage -->
		<div id="mypage">
			<!-- mypageLogin -->
			<div id="mypageLogin">
				<p id="pageTitle">マイページ&nbsp;&gt;&gt;&nbsp;ログイン</p>
				<!-- loginInfoBlock -->
				<div id="loginInfoBlock">
					<!-- innerBlock01 -->
					<div class="innerBlock01">
						<!-- forVisiterBlock -->
						<div id="forVisiterBlock">
							<h2><img src="/images/mypage/login/title_visiter.jpg" alt="はじめてのご利用の方" width="350" height="34" /></h2>
							<!-- innerBlock02 -->
							<div class="innerBlock02">
								<p class="txt">マイページに登録すると、あなたのお部屋探しがより便利に！希望の検索条件の登録や、気になった物件情報を保存して比較できたり、便利なサービスがご利用になれます。</p>
								<p class="btn"><a href="{$apm.ssl.baseurl}mypage/mypagereg"><img src="/images/mypage/login/btn_regist.jpg" alt="新規登録（無料）はこちら" width="209" height="34" class="rollImg" /></a></p>
							</div>
							<!-- /innerBlock02 -->
						</div>
						<!-- /forVisiterBlock -->
						<!-- forMemberBlock -->
						<div id="forMemberBlock">
							<h2><img src="/images/mypage/login/title_member.jpg" alt="マイページIDをお持ちの方" width="350" height="34" /></h2>
							<!-- innerBlock02 -->
							<div class="innerBlock02">
								<div class="inputBlock">
									<p class="id"> <span class="title">ID（メールアドレス）</span>
											<input type="text" name="eID" id="eID" class="required email"/>
									</p>
									<div style="height:20px;">
									<p class="errTxt" htmlfor="eID" generated="true" />
									</div>
									<p class="password"> <span class="title">パスワード</span>
											<input type="password" name="ePass" id="ePass" class="required"/>
									</p>
									<div style="height:20px;">
									<p class="errTxt" htmlfor="ePass" generated="true"></p>
									</div>
								</div>
								<p class="btn">
									{if $ErrParam == "1"}
									ログインエラーです。<br />
									{/if}
									<input type="hidden" name="ErrParam" id="ErrParam" value="{$ErrParam}"  />
									<input type="hidden" name="onSuccess" value="{$apm.baseurl}mypage/menu"  /><br/>
									<input type="hidden" name="onError" value="{$apm.ssl.baseurl}mypage/login?ErrParam=1" />
									<input name="imageField" type="image" id="imageField" src="/images/mypage/login/btn_login.jpg" alt="ログイン" class="rollImg"  onclick="javascript:checkAccount();"/>
								</p>
								<p class="reminder"><a href="{$apm.ssl.baseurl}mypage/password/">パスワードを忘れた方はこちら</a></p>
								{if $message != ''}
									<p style="color: #ff0000;"><strong>{$message}</strong></a>
								{/if}
							</div>
							<!-- /innerBlock02 -->
						</div>
						<!-- /forMemberBlock -->
					</div>
					<!-- /innerBlock01 -->
				</div>
				<!-- /loginInfoBlock -->
				<!-- meritBlock -->
				<div id="meritBlock">
					<div class="mypageTitle">
						<h3>マイページのメリット</h3>
					</div>
					<!-- section01 -->
					<div class="section01">
						<div class="block01">
							<h4>ご希望の検索条件を登録できる！</h4>
							<p class="txt">ご希望の検索条件を登録しておけば、ワンクリックで検索結果を表示できます。</p>
						</div>
						<div class="block02">
							<h4>気になる物件をどんどん登録できる！</h4>
							<p class="txt">気になる物件がたくさんあっても大丈夫。登録した物件はかんたんに見比べることもできます。</p>
						</div>
					</div>
					<!-- /section01 -->
					<!-- section02 -->
					<div class="section02">
						<div class="block01">
							<h4>どこでも登録した物件が見られる！</h4>
							<p class="txt">アパマンショップマイページは携帯電話でもご利用可能です。いつでもどこでも、登録したお気に入り物件や検索条件を利用して、よりスピーディーな検索が可能になりました。</p>
						</div>
						<div class="block02">
							<p class="pic"><img src="/images/mypage/login/img_qrcode_02.jpg" alt="いつでもどこでも物件検索　モバイルサイトはこちらから" width="250" height="96" /></p>
						</div>
					</div>
					<!-- /section02 -->
				</div>
				<!-- /meritBlock -->
				<!-- warningBlock -->
				<div class="warningBlock">
					<p class="title">ご注意</p>
					<ul>
						<li>ログインが3ヶ月以上無い場合は、マイページIDと登録情報が削除されます。マイページIDが削除された後は、新しく登録していただく必要があります。</li>
					</ul>
					<p class="backBtn"><a href="javascript:void(0);"><img src="/images/mypage/common/btn_back.jpg" alt="前画面へ戻る" width="118" height="25" class="rollImg" onclick="history.back();return false;" /></a></p>
				</div>
				<!-- /warningBlock -->
			</div>
			<!-- /mypageLogin -->
		</div>
		<!-- /mypage -->
		<!-- InstanceEndEditable -->
	</div>

